html {
	height: 100%;
	font-size: 16px;
	scrollbar-width: none; /* firefox */

	body {
		display: flex;
		flex-direction: column;
		#tab {
			position: relative;
			bottom: 0px;
		}
	}
}
// #nav1 {
// 	height: 4rem;
// }

main {
	flex-grow: 1;
	overflow-y: auto;
	#banner {
		overflow: hidden;
		height: 7.3rem;
		position: relative;
		.swiper-container {
			width: 100%;
			height: 100%;
			.swiper-slide {
				text-align: center;
				font-size: 18px;
				background: #fff;

				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
				transition: 300ms;
				transform: scale(0.7);
				img {
					width: 100%;
					height: 100%;
				}
			}
			.swiper-slide-active,
			.swiper-slide-duplicate-active {
				transform: scale(1);
			}
			.slide1 {
				background: url(../../assets/images/course-img01.jpg) no-repeat
					center/cover;
			}
			.slide2 {
				background: url(../../assets/images/course-img05.jpg) no-repeat
					center/cover;
			}
			.slide3 {
				background: url(../../assets/images/part4.png) no-repeat center/cover;
			}
			.slide4 {
				background: url(../../assets/images/part3.png) no-repeat center/cover;
			}
			.slide5 {
				background: url(../../assets/images/part2.png) no-repeat center/cover;
			}
			.slide6 {
				background: url(../../assets/images/part1.png) no-repeat center/cover;
			}
		}
	}
	font-size: 0.875rem;
	ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		li {
			height: 7.5rem;
			margin-top: 1.25rem;
			padding: 0.625rem;
			border-radius: 0.7rem;
		}
		li:first-child {
			width: 40%;
			background: #54afd9 url(../../assets/images/index-card-rank.png) no-repeat
				left/70% 70%;
			p {
				margin-top: 1.2rem;
				font-size: 2.8rem;
			}
		}
		li:nth-child(2) {
			width: 55%;
			background: #9ed9f7 url(../../assets/images/index-card-sum.png) no-repeat
				0.625rem center/50%;
			button {
				float: right;
				margin-top: 2.5rem;
				width: 6rem;
				height: 2rem;
				border-radius: 1rem;
				color: #fff;
				background-color: #008000;
			}
		}
		li:nth-child(3) {
			width: 47%;
			background: #161616 url(../../assets/images/index-card-data.png) no-repeat
				center/100%;
		}
		li:nth-child(4) {
			width: 47%;
			background: #9dbde3 url(../../assets/images/index-card-badge.png)
				no-repeat left bottom/60%;
			p {
				color: #004e73;
				font-size: 0.875rem;
				span {
					font-size: 5rem;
				}
			}
		}
	}
	.coure {
		padding: 0.625rem;

		height: 7rem;
		margin: 15px 0px;
		background: url(../../assets/images/course-img04.jpg) no-repeat center
			top/cover;
	}
	.run {
		padding: 0.625rem;

		height: 6.5rem;
		background: url(../../assets/images/index-card-run.png) no-repeat center
			top/cover;

		background-color: aquamarine;
	}
}
